<template>
  <div class="like-container container">
    <div class="left">
      <div class="head">
        <span><i class="iconfont icon-user fz-20 mr-5" style="vertical-align: -2px;"/>门店员工</span>
        <span>6名店员</span>
      </div>
      <div class="employee-body">
        <div class="employee-list">
          <div class="employee-item" v-for="i in 10">
            <div class="info">
              <img src="@/assets/images/wallet/avatar.png" alt="">
              <div class="user">
                <div>
                  <span class="name">姓名</span>
                  <span class="label"><i class="iconfont icon-user fz-16" style="vertical-align: -1px;"/>店长</span>
                </div>
                <div class="desc">
                  <span>工号 45864</span>
                  <span class="status status-1">在岗</span>
                </div>
              </div>
            </div>
            <div class="data">
              <div class="data-item">
                <div class="number">1000</div>
                <div class="label"><i class="iconfont icon-like"/>人气值</div>
              </div>
              <div class="data-item">
                <div class="number">1000</div>
                <div class="label"><i class="iconfont icon-ranking"/>排名</div>
              </div>
            </div>
            <div class="btns">
              <Button type="primary">打赏</Button>
              <Button>单独呼叫</Button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="right">
      <div class="type-tabs">
        <div class="item active">员工</div>
        <div class="item">会员</div>
      </div>
      <div class="lists-body">
        <employee-ranking/>
        <!--<user-ranking/>-->
      </div>
    </div>
  </div>
</template>
<script>
import employeeRanking from "./components/employeeRanking.vue";
import userRanking from "./components/userRanking.vue";
export default {
  name: "index",
  components: {employeeRanking, userRanking},
  data() {
    return {}
  },
  computed: {},
  methods: {},
  created() {
  },
  watch: {}
}
</script>

<style scoped lang="scss">
@import "index.scss";
</style>
